<template>
	<view class="flex-col section_7">
	  <view class="flex-col">
	    <template v-for="(item, i) in patentLegalStatus">
	      <view class="flex-col space-y-18 list-item">
	        <view class="flex-row group_5 view">
	          <text class="font_7">专利号：</text>
	          <text class="font_8">{{item.applyNo || item.patentNo || patentNo || '-'}}</text>
	        </view>
	        <view class="flex-row group_6 view_2">
	          <text class="font_7">公告日：</text>
	          <text class="font_9 text_20">{{item.legalStatusAnnouncementDate || item.publicationDate || item.publicDate || '-'}}</text>
	        </view>
	        <view class="flex-row group_7 view_3">
	          <text class="font_7">法律状态：</text>
	          <text class="font_10 text_21 text_22">{{item.legalStatus || item.PRSValue || '-'}}</text>
	        </view>
	      </view>
	      <view class="list-divider"></view>
	    </template>
	  </view>
	  <u-empty v-if="!patentLegalStatus.length" class="empty-data">
	  		</u-empty>
	</view>
</template>

<script>
	export default {
		props:['patentLegalStatus','type','patentNo'],
		data() {
			return {
				laws:[1,2,3,4],
			};
		},
		onLoad(option) {
			
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
.section_7 {
  padding: 18rpx 31rpx 94rpx;
  background-color: #ffffff;
  .space-x-11 {
    & > view:not(:first-child),
    & > text:not(:first-child),
    & > image:not(:first-child) {
      margin-left: 11rpx;
    }
  }
  .space-y-18 {
    & > view:not(:first-child),
    & > text:not(:first-child),
    & > image:not(:first-child) {
      margin-top: 18rpx;
    }
    .group_5 {
      margin-left: 25rpx;
      margin-top: 29rpx;
      align-self: flex-start;
      .font_8 {
        font-size: 28rpx;
        font-family: Microsoft YaHei;
        line-height: 26rpx;
        color: #444444;
      }
    }
    .view {
      margin-left: initial;
      margin-top: initial;
      align-self: initial;
    }
    .group_6 {
      margin-top: 17rpx;
      padding: 0 25rpx;
      .font_9 {
        font-size: 28rpx;
        font-family: Microsoft YaHei;
        line-height: 23rpx;
        color: #444444;
      }
      .text_20 {
        margin-bottom: 3rpx;
      }
    }
    .view_2 {
      margin-top: initial;
      padding: initial;
    }
    .font_7 {
      font-size: 28rpx;
      font-family: Microsoft YaHei;
      line-height: 28rpx;
      color: #777777;
    }
    .group_7 {
      margin-top: 18rpx;
      padding: 0 26rpx;
      .font_10 {
        font-size: 28rpx;
        font-family: Microsoft YaHei;
        line-height: 28rpx;
        color: #444444;
      }
      .text_21 {
        margin-bottom: 3rpx;
      }
      .text_22 {
        margin-bottom: initial;
      }
    }
    .view_3 {
      margin-top: initial;
      padding: initial;
    }
  }
  .list-item {
    padding: 29rpx 25rpx 25rpx;
  }
  .list-divider {
    margin: 0 25rpx;
    height: 1rpx;
    border: dashed 1rpx #bbbbbb;
  }
}
</style>